.blog {
  position: relative;
  overflow: hidden;
}
.blog .carousel-inner {
  padding-inline: 10%;
  padding-block: 5%;
}
.blog .carousel-indicators [data-bs-target] {
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
}
.blog .carousel-indicators .active {
  border-radius: 13px !important;
  width: 30px !important;
}
.blog .card-img-top {
  height: 248px;
  width: 100%;
}
.blog .card {
  max-width: 424px;
  width: 100%;
  text-align: start;
}
.blog .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.blog h1 {
  font-size: 48px;
  font-weight: 600;
  color: #132238;
}
.blog .text-out {
  font-size: 18px;
  color: #87909D;
}
.blog .p1 {
  font-size: 14px;
  color: #87909D;
}
.blog .p2 {
  font-size: 18px;
  font-weight: 500;
  color: #132238;
}
.blog .gradient-1 {
  background: radial-gradient(rgba(218, 77, 241, 0.2509803922) 10%, rgba(255, 255, 255, 0) 50%);
  width: 870px;
  height: 870px;
  position: absolute;
  left: -400px;
  top: -40%;
}
.blog .gradient-2 {
  background: radial-gradient(rgba(196, 245, 233, 0.4392156863) 10%, rgba(255, 255, 255, 0) 50%);
  width: 870px;
  height: 870px;
  position: absolute;
  right: -400px;
  top: -40%;
}/*# sourceMappingURL=blog.css.map */